@charset "utf-8";
/* CSS Document */
.tabMainCont{ display:none;}

.frm_fieldset{padding-top:25px;padding-top:0\9}
.frm_fieldset.no_legend{padding-top:25px}
.frm_legend{display:block;width:100%;margin-bottom:25px\9;padding-bottom:5px}
.frm_legend .tips{color:#8d8d8d;margin-left:14px}
.frm_desc{color:#222}
.frm_tips{color:#8d8d8d}
.frm_tips.gap_bottom{padding-bottom:5px}
.frm_msg,.frm_tips{padding-top:4px;width:300px}
.frm_msg{display:none;overflow:hidden}
.frm_msg i{float:left;font-weight:400;font-style:normal;margin-right:3px}
.frm_msg.success{color:#7fba4f}
.frm_msg.fail{color:#e15f63}
.frm_control_group:after{content:"\200B";display:block;height:0;clear:both}
.frm_control_group.show_value{padding-bottom:15px}
.frm_control_group.show_value .frm_input_box{height:auto;word-wrap:break-word;word-break:break-all;padding:0;border-width:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background:0;line-height:1.6;vertical-align:top;margin-top:.3em}
.frm_control_group.frm_label_block .frm_label{display:block;width:auto;float:none;font-size:14px;margin-bottom:.5em}
.frm_control_group.frm_control_block .frm_input_box,.frm_control_group.frm_control_block .frm_msg,.frm_control_group.frm_control_block .frm_textarea_box,.frm_control_group.frm_control_block .frm_tips{display:block;width:auto}
.frm_label{float:left;width:5em;margin-top:.3em;margin-right:1em;font-size:14px}
.frm_label_tips{display:block;color:#8d8d8d}
.frm_controls{display:table-cell;vertical-align:top;float:left;width:auto}
.frm_controls:after{content:"";visibility:hidden;clear:both;height:0!important;display:block;line-height:0}
.frm_input,.frm_textarea{width:100%;background-color:transparent;border:0;outline:0}
.frm_input{height:22px;margin:4px 0}
.frm_textarea{height:100px}
.frm_input_box{display:inline-block;position:relative;height:30px;line-height:30px;vertical-align:middle;width:278px;font-size:14px;padding:0 10px;border:1px solid #e7e7eb;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;background-color:#fff}
.frm_input_box .frm_input_append{font-size:0}
.frm_input_box.search{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
.frm_input_box.append{padding-right:30px}
.frm_input_box.append .frm_input_append{position:absolute;top:0;right:.8em}
.frm_input_box.prepend{padding-left:30px}
.frm_input_box.prepend .frm_input_append{position:absolute;top:0;left:.8em}
.frm_input_box.tips_inline{padding-right:10px}
.frm_input_box.tips_inline .frm_input_append{font-size:14px}
.frm_input_box.with_counter .frm_counter{width:50px;color:#8d8d8d;font-size:14px;font-weight:400;font-style:normal}
.frm_input_box.with_counter.warn .frm_counter{color:#e15f63}
.frm_input_box.counter_in{padding-right:70px}
.frm_input_box.counter_in .frm_counter{right:0;text-align:right;padding-right:10px}
.frm_input_box.counter_out{padding-right:10px}
.frm_input_box.counter_out .frm_counter{right:-60px;padding-left:10px}
.frm_input_box.vcode{width:157px}
.frm_input_box.zone{width:72px;margin-right:5px}
.frm_input_box.phone{width:175px}
.frm_controls input,.frm_controls input:focus{ border:none; box-shadow:none; padding:0; background:none; font-size:14px; color:#222;}
.frm_radio_label{display:inline-block;text-align:left;cursor:pointer;margin-right:1em; margin-top:4px;}
.frm_radio_label input{ margin-right:5px; margin-top:-3px;}

#js_rightBox{ position:relative;}
.editor_arrow_wrp{position:absolute;top:540px;left:-12px;}
.editor_arrow_wrp .editor_arrow{border-color:transparent #e7e7eb transparent transparent;border-style:dashed solid dashed dashed;border-width:12px 12px 12px 0;display:inline-block;height:0;width:0;position:absolute}
.editor_arrow_wrp .editor_arrow_out{left:0}
.editor_arrow_wrp .editor_arrow_in{border-right-color:#f4f5f9;left:1px}

.wx-design{ min-height:650px;font-size:14px; line-height:1.6; color:#222;}

.wx-preview{ float:left; margin-right:12px; width:318px; height:580px; border:1px solid #e7e7eb; background:#ffffff; background-image:url(../weixin/titlebar.png); background-repeat:no-repeat; position:relative;}
.wx-fields{ color:#fff; font-size:15px; margin:0 30px ;overflow:hidden; overflow-wrap:normal; padding-top:30px; text-align:center; text-overflow:ellipsis;white-space:nowrap;width:auto; line-height:24px;}

.menu_list{ background:url(../weixin/bg_mobile_foot.png) #fcfcfb no-repeat;border-top:1px solid #e7e7eb;bottom:0;left:0;padding-left:43px;position:absolute;right:0}
.menu_list::after { clear: both; content: "​"; display: block; height: 0;}
.menu_item{ line-height:48px;position:relative;text-align:center;float:left;width:auto}
.menu_link{ color:#616161;display:block;overflow:hidden;overflow-wrap:normal;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:auto; border-width:1px; border-style:solid; border-color:#fcfcfb #e7e7eb; }
.menu_item .menu_link{ border-left:1px solid #e7e7eb; border-right-color:#fcfcfb;}
.menu_item.selected .menu_link{border:1px solid #44b549;}
.menu_item.selected .menu_link span.js_Title01{color:#44b549}
.add_fisrt_item{ float:none;}

.sizef1,.sizef2,.sizef3,.sizef4{ float:left;}
.sizef1{ width:100%;}
.sizef2{ width:50%;}
.sizef3{ width:33.33%;}
.sizef4{ width:25%;}

.icon_menu_dot,.icon_menu_add{ background-image:url(../weixin/icoBtn.png); background-repeat:no-repeat; display:inline-block; height:14px; margin-top:-2px; vertical-align:middle; width:14px; }
.icon_menu_add{ background-position:0 0;}
.icon_menu_dot{ background-position:0 -36px;vertical-align:-5px; display:none;}
.menu_item.selected .menu_link .icon_menu_add{ background-position: 0 -18px}

.wx-sidebar{ display:table-cell;float:none;vertical-align:top;min-width:480px; position:relative; padding-left:12px;}
.wx-sidebar::after{clear:both;content:"";display:block;height:0!important;line-height:0;visibility:hidden}
.wx-sidebar .editor_inner{background-color:#f4f5f9;border:1px solid #e7e7eb;border-radius:0;box-shadow:none; padding:0 20px 20px 20px; min-height:560px;}

.menu_form_mt { border-bottom:1px solid #e7e7eb; padding:9px 0;}
.menu_form_mt h4{font-weight:400;float:left}
.menu_form_mt .global_extra{ text-align:right;}
.menu_form_mt .global_extra a{ color:#459ae9;}

.menu_content{background-color:#fff;border:1px solid #e7e7eb;padding:16px 20px}
.menu_initial_tips{padding-top:200px;text-align:center}
.tips_global{color:#8d8d8d}
.sub_menu_box{border:1px solid #d0d0d0;left:0;position:absolute;width:100%;width:calc((100% - 2px));background-color:#fafafa;border-top-width:0;bottom:60px;display:none}
.sub_menu_list li{border:1px solid transparent;line-height:44px;margin:0 -1px -1px}
.sub_menu_list li a{display:block;padding:0 .5em}
.sub_menu_list li:first-child{border-top:1px solid #d0d0d0}
.sub_menu_box .arrow{left:50%;margin-left:-6px;position:absolute}
.sub_menu_box .arrow_out{border-color:#d0d0d0 transparent transparent;border-style:solid dashed dashed;border-width:6px 6px 0;bottom:-6px;display:inline-block;height:0;width:0}
.sub_menu_box .arrow_in{border-color:#fafafa transparent transparent;border-style:solid dashed dashed;border-width:6px 6px 0;bottom:-5px;display:inline-block;height:0;width:0}
.sub_menu_inner{border-top:1px solid #e7e7eb;cursor:pointer;display:block;overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap;width:auto}
.sub_menu_list li:first-child .sub_menu_inner{border-top-width:0}
.sub_menu_list li.selected{background-color:#fff;border:1px solid #44b549;line-height:45px;position:relative;z-index:1}
.sub_menu_list li.selected .js_Title1{color:#44b549}

.subfonttip{ display:none; color:#999;}
.menu_item.selected .sub_menu_box { display:block;}
.menu_item.hasClass .sub_menu_box{ display:block;}
.menu_item.hasClass .menu_link{ border-color:#fcfcfb #fcfcfb #fcfcfb #e7e7eb;}
.menu_item.hasClass .menu_link .js_Title01{ color:#616161;}
.menu_item.hasClass .menu_link .icon_menu_dot{ display:inline-block;}